<!-- eslint-disable vue/multi-word-component-names -->
<template>

    <mt-swipe :auto="4000">
  
      <mt-swipe-item v-for="item in imgList" :key="item.id">
  
        <img :src="item.img">
  
      </mt-swipe-item>
  
    </mt-swipe>
  
  </template>
  
  <script>
  /* eslint-disable */
// eslint-disable-next-line
  
  export default {
  
    props: ['imgList']
  
  }
  
  </script>
  
  <style lang="scss" scoped>
  
  .mint-swipe {
  
    height: 200px;
  
    color: #fff;
  
    .mint-swipe-items-wrap {
  
      .mint-swipe-item {
  
        text-align: center;
  
      }
  
      img {
  
        width: 100%;
  
        height: 100%;
  
      }
  
    }
  
  }
  
  </style>